@charset "utf-8";
/* CSS Document */
html, body {
	position: relative;
	height: auto;
	font-family: "微软雅黑";
	background: #fff;
}
body {
	background: #eee;
	font-size: 16px;
	color:#fff;
	margin: 0;
	padding: 0;
	width: 100%;
}
.clear {
	clear:both;
}
.containerc {
	width:1200px;
	margin:0 auto; 
	position:relative;
}
.container {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.swiper-container {
	width: 100%;
	height: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


		/*fixed banner start*/
#footer {
	position:absolute;
	bottom: 0;
	left: 0;
	z-index: 777;
	width: 100%;
	background:url(../images/tm.png) repeat;
	height: 91px;
	width: 100%;
}
.fewm { 
    position:absolute; 
	z-index:2;
	bottom: 0;
	left: 50px;
}
.fewm  img{width:120px;}
.ftela{margin-left:180px;}
.ftela,.ftelb,.ftelc { 
    padding-top:30px;
	float:left;
	width:300px;
	color:#0063da;
	line-height:61px;
	font-size:14px;
}
.ftela span,.ftelb span,.ftelc span {
	color:#00baff;
	font-size:24px;
}
/*fixed banner end*/

/* swiper bg*/
.page1 {
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
}
.page2 {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/pin_02.jpg) center 0 no-repeat;

}
.page3 {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/pin_03.jpg) center 0 no-repeat;
	
}
.page4 {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/pin_04.jpg) center 0 no-repeat;

}
.page5 {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/pin_05.jpg) center 0 no-repeat;

}
.page6 {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/pin06.jpg) center 0 no-repeat;

}
.page7 {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/pin_07.jpg) center 0 no-repeat;

}
.page8 {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/pin_08.jpg) center 0 no-repeat;

}
.page9 {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/pin_09.jpg) center 0 no-repeat;
}
.page10{background:url(../images/ft.jpg) center 0 no-repeat; 	width: 100%; height:530px;}

#jzPro6Container {
	position: relative;
	width: 100%;
	height: auto;
}
.page {
	position: relative;
	width: 100%;
	height: auto;
}
.textDiv, .regDiv {
	margin:0 auto;
	height: auto;
}
.regBtn {
	cursor: pointer;
	display: block;
	background:url(../images/pic02.png) no-repeat;
	background-size: 6.667rem;
	text-align: center;
	vertical-align: middle;
	font-family: "微软雅黑";
	font-size: 0.2167rem;
	color: #fff;
}
.text {
	background:url(../images/pic02.png) no-repeat;
	background-size: 6.667re;
}	
.fullSlide{ position:relative; margin:0 auto;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li {width:100%;} 
.fullSlide .bd li img{ width:100%; display:block;} 
.fullSlide .hd{position:relative; z-index:1111111; margin-top:-60px; height:60px; line-height:60px;  text-align:center; } 
.fullSlide .hd ul{ text-align:center;  padding-top:5px; width:100%}
.fullSlide .hd ul li{float:none !important; cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin-right:10px; background:#fff; border-radius:50%; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background:#0c53f9}


#page1Container {background:url(../images/tops.jpg) repeat-x;}
.page1 .regDiv {
	width: 3.04rem;
	height: 0.55rem;
	line-height: 0.55rem;
}
.page1 .regBtn1 {
	position: absolute;
	top: 82%;
	width: 3.04rem;
	height: 0.55rem;
	background-position: 0 -0.834rem;
}
.page1 .textDiv {
	width: 4.5rem;
	height: 0.3834rem;
}
.page1 .logo { 
    width:328px; 
	float:left;
	padding-top:16px;
}
.page1 .logo img {
	height:88px;
}
.page1 .text1 {
	float:right;
	width:325px;
	padding-top:12px;
	padding-bottom:12px;
}
.page1 .pagenav {
   background:#0054c6; 
   height:45px;  
}
.page1 .pagenav  a{
  padding-left:55px; 
  padding-right:55px; 
  color:#FFFFFF; 
  font-size:16px;
  height:45px;   
  line-height:45px; 
  float:left;
}
.page1 .pagenav a.cur, .page1 .pagenav a:hover {
    background:#00d8ff; 
	color:#0054c6;
}


.page2 .indexat { 
    text-align:center;
    padding-top:50px;
}

.page2 .indexabout {
	padding-top:30px;
}
.page2 .indexabout .indexaboutpc {
	float:left;
	width:50%;
}
.page2 .indexabout .indexaboutpc img {
	width:100%;
}
.page2 .indexabout .indexabouttc {
	float:right;
	width:47%;
	text-align:left;
	line-height:25px;
	font-size:14px;
}
.page2 .indexabout .indexabouttc p{ margin:0; padding:0;}

.aboutm{ text-align:center; padding-top:30px; padding-bottom:50px;}
a.zixun{ border:#FFFFFF solid 1px; text-align:center; display:block; width:150px; color:#fff; height:40px; line-height:40px; margin:0 auto; border-radius:15px; }


.page2 .regDiv {
	margin:0 auto;
	margin-top:30px;
	width: 6.50rem;
	line-height: 0.45rem;
}
.page2 .regBtn2 {
	margin:0 auto;
	width: 6.50rem;
	width: 1.867rem;
	height: 0.467rem;
	background-position: 0 -1.75rem;
}
.page2 .regBtn2:hover {
	width: 1.867rem;
	height: 0.467rem;
	background-position: -3.334rem -1.75rem;
	color: #eee;
}
.page3 .youshi_ts{ text-align:center; padding-top:80px; padding-bottom:80px;}


.page3 .youshi {
	margin-left:-20px;
	padding-bottom:80px;
}
.page3 .youshi li {
	float:left;
	width:281px;
	margin-left:20px;
	background:url(../images/s11.jpg) left bottom repeat-x;
	border:#c5edff solid 2px;
	border-radius:10px;
}
.page3 .youshi li .youshi_pic {
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
}
.page3 .youshi li .youshi_t { 
    text-align:center;
	width:255px;
	margin:0 auto;
	line-height:50px;
	font-size:22px;
	background:url(../images/yt.png) center bottom no-repeat;
}
.page3 .youshi li .youshi_t span {
	color:#fff100;
}
.page3 .youshi li .youshi_tc {
	text-align:left;
	width:90%;
	font-size:14px;
	line-height:25px;
	margin:0 auto;
	text-align:justify;
}
.page4 .baobiaoclass {
	margin-left:-107.5px;
	padding-top:220px;
	padding-bottom:50px;
}
.page4 .baobiaoclass li {
	float:left;
	width:154px;
	margin-top:30px;
	margin-left:107.5px;
}
.page4 .baobiaoclass li .bbpic {
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
}
.page4 .baobiaoclass li .bbtit {
	width:154px;
	text-align:center;
	line-height:36px;
	font-size:16px;
	background:url(../images/tit.png) center bottom no-repeat;
}
.page5 .indexliucheng {
	padding-top:210px;
	padding-bottom:50px;
}
.page5 .indexliucheng img {
	max-width:100%;
	display:block;
	margin:0 auto;
}
.page6 .tdtxt {
	padding-top:220px;
	font-size:16px; 
	text-align:left;
	line-height:30px;
}
.page6 .tdtxt2 {
	text-align:right;
	font-size:16px;
	line-height:30px; 
	padding-bottom:90px;
}
.page6 .tdlist {
	margin-bottom:70px;
	margin-left:-106.5px;
}
.page6 .tdlist li {
	margin-left:106.5px;
	float:left;
	width:220px;
	height:220px;
	background:url(../images/circle.png) no-repeat;
}
.page6 .tdlist li .tdtc {
	text-align:center;
	padding-top:80px;
	line-height:30px;
}
.page6 .tdlist li .tdtc span {
	color:#00fff6;
	font-weight:bold;
}
.page7 .tedian {
	padding-top:250px;
	padding-bottom:40px;
	margin:0 auto;
	width:968px;
}
.page7 .tedian li {
	text-align:left;
	line-height:50px;
	padding-left:30px;
	float:left;
	width:216px;
	margin-left:20px;
	background:url(../images/jt.png) left 12.5px no-repeat;
}
.page7 .answer {
	margin:0 auto;
	width:1180px; 
	padding-top:590px; 
	padding-bottom:60px;
}
.page7 .answer .answert {
	background:url(../images/tf.png) left bottom no-repeat;
	height:9px;
}
.page7 .answer .answerc { 
    float:left; margin-left:20px;
	padding:15px;
	text-align:left;
	font-size:14px; 
	height:150px;
	line-height:28px; 
	width:520px; 
	background:#008aff;

}
.page7 .answer .answerb {
	font-size:22px; 
	line-height:40px;
	text-align:left;
}
.page7 .answer .answerd {
	line-height:28px; 
	float:right;
	margin-right:20px;
	text-align:left;
	font-size:14px;
	height:150px;
	padding:15px; 
	width:520px; 
	background:#008aff;
}
.page8 { padding-top:220px; padding-bottom:60px;}
.page8 .swiper-container{ width:94%; padding-bottom:50px;}
.page8 .swiper-slide img{ width:100%;}

.page9 { padding-top:210px; padding-bottom:70px;}
.page9 .swiper-container{ width:94%;}
.page9 .swiper-slide img{ width:100%;}
.swiper-button-next{position:absolute;top:50%;width:49px; right:0; height:111px;margin-top:-55px;z-index:10;cursor:pointer;background:url(../images/next.png) no-repeat; }
.swiper-button-prev{position:absolute;top:50%;width:49px; left:0; height:111px;margin-top:-55px;z-index:10;cursor:pointer;background:url(../images/prev.png) no-repeat;}
/* 页面文字处理*/

@-ms-keyframes fadeIn {
 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-o-keyframes fadeIn {
 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-moz-keyframes fadeIn {
 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.swiper-slide-active .fadeIn {
	-ms-animation: fadeIn 1s linear;
	-o-animation: fadeIn 1s linear;
	-webkit-animation: fadeIn 1s linear;
	-moz-animation: fadeIn 1s linear;
	animation: fadeIn 1s linear;
}
/*seo blog */
.dropDown {
	width:2.917rem;
	;
	margin:0px auto;
	position: relative;
	position: absolute;
	bottom:-2.5rem;
	left: 0;
	right: 0;
}
.icon_Down {
	width: 56px;
	height: 56px;
	margin: 0 auto 0.1rem auto;
	background: url(../images/iconD.png) 0px 0px no-repeat;
	cursor: pointer;
	background-size: cover;
}
.icon_Up {
	width: 0.28rem;
	height: 0.28rem;
	margin: 0 auto 0.1rem auto;
	background: url(../images/iconU.png) 0px 0px no-repeat;
	cursor: pointer;
	background-size: cover;
}
.item_border_top {
	border-top: 1px solid #FC7498;
	border-bottom: 1px solid #FC7498;
}
.item_border_bottom {
	border-bottom: 1px solid #FC7498;
}
.item {
	display: block;
	width:2.917rem;
	;
	padding: 5px 5px;
}
.item_tip {
	display:inline-block;
	width:1rem;
	color: #FC7498;
	font-size: 0.2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.item_tip a {
	color: #FC7498;
}
.middle {
	display: inline-block;
	width: 2px;
	height: 0.3rem;
	border-left:1px solid #FC7498;
	margin: 0px 9px 0px 5px;
}
.readMore, .readMore a {
	font-size: 0.2rem;
	color:#85B0DD;
	width: 100%;
	text-align: center;
}
.fk_regBtn_B {
	margin-top: 0.65rem;
}
.fk_regBtn_B2 {
	position: absolute;
	right: 0;
	top: 0.65rem;
}
.fk_regBtn_B_1 {
	margin-top: 0.70rem;
}
.fk_regBtn_B_7 {
	margin-top: 0.75rem;
}
.page .fk_regButton_wrap {
	position: absolute;
	top:  48%;
	text-align: center;
	display: inline-block;
	left: 50%;
	width: 590px;
	margin-left: -285px;
	text-align: right;
}
.page .fk_regButton_wrap .fk_regButton, .page .fk_regButton_free, .page .fk_regButton_free_three, .page .fk_regButton_free_four, .page .fk_regButton_free_five, .page .fk_regButton_free_six, .page .fk_regButton_free_seven {
	display: inline-block;
	background: url(../images/an01_1.png) no-repeat;
	font-size: 0;
	width: 284px;
	height: 66px;
	background-size: 284px 66px;
	float: left;
	vertical-align: middle;
	background-position: 0 0 !important;
	width: 2.366666666666667rem;
	height: 0.55rem;
	background-size: 2.366666666666667rem 0.55rem;
}
.page .fk_regButton_wrap .fk_regButton:hover {
	background-image: url(../images/an01_1h.png);
}
.page .fk_regButton_wrap .fk_regButton_pay {
	float: none;
	background-image: url(../images/an01_2.png);
}
.page .fk_regButton_wrap .fk_regButton_pay:hover {
	background-image: url(../images/an01_2h.png);
}
.fk_pay_link {
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: 2rem;
	top: 50.5%;
	text-decoration: underline;
	line-height: 1;
}
.fk_pay_link:hover {
	color: #EEA;
}
/*按钮 start*/
.set_4_button2 {
	position: relative;
	font-weight: 400;
	text-align: center;
	width: auto;
	line-height:0.5833333333333333rem;
	font-size: inherit;
	overflow: hidden;
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #fff;
	border-radius: 0.2916666666666667rem;
	border: solid #fff 1px;
	width: 1.833333333333333rem;
	text-align: center;
}
.set_4_button2.raised {
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}
.anim {
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
}
.anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}
.anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}
.hoverable .anim {
	-moz-animation: anim-out 0.75s;
	-webkit-animation: anim-out 0.75s;
	animation: anim-out 0.75s;
}
.hoverable .anim:after {
	-moz-animation: anim-out-pseudo 0.75s;
	-webkit-animation: anim-out-pseudo 0.75s;
	animation: anim-out-pseudo 0.75s;
}
.hoverable .anim, .hoverable .anim:after {
	animation-iteration-count: infinite;
	animation-duration: 1.3s;
}
 @-webkit-keyframes anim-in {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @-moz-keyframes anim-in {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @-ms-keyframes anim-in {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @keyframes anim-in {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @-webkit-keyframes anim-in-pseudo {
 0% {
 background: rgba(255, 255, 255, 0.25);
}
 100% {
 background: transparent;
}
}
 @-moz-keyframes anim-in-pseudo {
 0% {
 background: rgba(255, 255, 255, 0.25);
}
 100% {
 background: transparent;
}
}
 @-ms-keyframes anim-in-pseudo {
 0% {
 background: rgba(255, 255, 255, 0.25);
}
 100% {
 background: transparent;
}
}
 @keyframes anim-in-pseudo {
 0% {
 background: rgba(255, 255, 255, 0.25);
}
 100% {
 background: transparent;
}
}
 @-webkit-keyframes anim-out {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @-moz-keyframes anim-out {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @-ms-keyframes anim-out {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @keyframes anim-out {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @-webkit-keyframes anim-out-pseudo {
 0% {
 background: rgba(255, 255, 255, 0.25);
}
 100% {
 background: transparent;
}
}
 @-moz-keyframes anim-out-pseudo {
 0% {
 background: rgba(255, 255, 255, 0.25);
}
 100% {
 background: transparent;
}
}
 @-ms-keyframes anim-out-pseudo {
 0% {
 background: rgba(255, 255, 255, 0.25);
}
 100% {
 background: transparent;
}
}
 @keyframes anim-out-pseudo {
 0% {
 background: rgba(255, 255, 255, 0.25);
}
 100% {
 background: transparent;
}
}
/*按钮 end*/
	
.regBtn1, .regBtn2, .regBtn3, .regBtn4, .regBtn5, .regBtn6, .regBtn7 {
	background: none;
}
.regBtn .set_4_button2 {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.regBtn1 .set_4_button2, .regBtn7 .set_4_button2 {
	line-height: 0.55rem;
}
.regBtn2 .set_4_button2, .regBtn3 .set_4_button2, .regBtn4 .set_4_button2, .regBtn5 .set_4_button2, .regBtn6 .set_4_button2 {
	line-height: 0.467rem;
}
.footc{ background:url(../images/bbwx.jpg) left 20px no-repeat; padding-top:30px; padding-bottom:30px;}
.foot{ background:#0f3b78; text-align:center;   line-height:25px; font-size:14px; color:#879dbc;}
.foot a{color:#879dbc;}
.foot a:hover{color:#6e829e;}
.foot img{ margin-bottom:8px;}